<!DOCTYPE html>
<html lang="en">
<head>
<title>What are some keyboard shortcuts for the Rich Text Editor?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">What are some keyboard shortcuts for the Rich Text Editor?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_45358F61-21F0-49AB-AD65-727608138DBA" class="text-block-content">
    <p>You can operate the Rich-Text Editor using a computer keyboard with the shortcuts and hotkeys below. For a full list of keyboard commands in the Rich Text Editor, you may also refer to the <a href="http://docs.ckeditor.com/#!/guide/dev_shortcuts" target="_blank">CKEditor list of shortcut keys</a>.</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1" id="keyboard-navigation-to-the-editing-area">
    <h2 class="step-title screensteps-heading">Keyboard Navigation to the Editing Area </h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/343/749/original/a2af2912-6f2e-4a89-a485-2219c158478c.png" alt="" height="271" width="332">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_CA607C55-5CEC-41A3-A7E8-849923E73473" class="text-block-content">
    <p>From your course/project site, <strong>tab</strong> or <strong>arrow down</strong> into the editor's text box to place focus in the text box and edit content. When you are done, you can tab or arrow down out of the editor.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="accessibility-help-for-the-rich-text-editor">
    <h2 class="step-title screensteps-heading">Accessibility Help for the Rich-Text Editor</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/343/750/original/b1685ed2-76d1-404f-ac21-8b3ebba1aff0.png" alt="" height="223" width="671">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_06CF2669-D75C-445C-ACEF-70C85A9E2CFD" class="text-block-content">
    <p><strong>Alt + 0</strong> opens the <em>Accessibility Instructions</em> dialog for the Rich-Text Editor.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="hotkeys-inside-the-editing-text-box">
    <h2 class="step-title screensteps-heading">Hotkeys Inside the Editing Text Box</h2>
        <div class="step screensteps-section screensteps-depth-2" id="formatting-shortcut-keys">
    <h3 class="step-title screensteps-heading">Formatting Shortcut Keys</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/343/751/original/12005e33-3b50-4eb2-b58f-90a034578b7a.png" alt="" height="221" width="502">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_BB2380C4-F677-48D0-851F-B665045BF8F6" class="text-block-content">
    <p>When focus is in the editor, you can use formatting shortcut keys similar to those used in most word processors, such as Microsoft Word. Some examples include the following:</p>
<ul>
<li>
<strong>Bold - Ctrl + B</strong> (in Windows) or <strong>Command + B</strong> (on a Mac)</li>
<li>
<em>Italics</em><strong> - Ctrl + I</strong> (in Windows) or <strong>Command + I</strong> (on a Mac)</li>
<li>
<span style="text-decoration:underline;">Underline</span><strong> - Ctrl + U</strong> (in Windows) or <strong>Command + U</strong> (on a Mac)</li>
</ul>
<p>In the example pictured above, <strong>bold</strong> text was added.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="navigate-away-from-the-editing-text-box-to-the-list-of-formatting-elements">
    <h3 class="step-title screensteps-heading">Navigate away from the editing text box to the list of formatting elements.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/230/396/original/6304acb0-67bc-44fd-99d7-a2ad336ff3c1.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/230/396/medium/6304acb0-67bc-44fd-99d7-a2ad336ff3c1.png" alt="" height="307" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_19E15420-40C8-44AF-A51B-B8CC93C3FF0F" class="text-block-content">
    <p>Type <strong>Alt + F11</strong> to navigate to the list of formatting elements and styles that have been used in the text where your cursor was positioned.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="Navigate-away-from-the-editing-text-box-to-the-edi">
    <h3 class="step-title screensteps-heading">Navigate away from the editing text box to the Editor toolbar.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/157/714/original/49bf6429-538d-4ef4-946b-7c24319461db.png" alt="" height="340" width="678">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_1CD2CFD3-2297-47CA-99C6-4905A8CE796C" class="text-block-content">
    <p>Type <strong>Alt + F10</strong> to select the first button in the editor toolbar (i.e., <strong>Source</strong>) and begin using the toolbar.</p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="navigate-within-the-editor-toolbar">
    <h2 class="step-title screensteps-heading">Navigate within the Editor toolbar.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/230/393/original/2125023b-c6e8-43c8-9efc-baa3be379255.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/230/393/medium/2125023b-c6e8-43c8-9efc-baa3be379255.png" alt="" height="94" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_D3758D31-A617-49A3-826F-20E5165E44CA" class="text-block-content">
    <p>When focus is in the Editor toolbar, you can navigate it as follows:</p>
<ul>
<li>
<strong>Tab</strong> and <strong>Shift + Tab</strong> – move focus forward and backward among the toolbar button groups.</li>
<li>
<strong>Left Arrow</strong> and <strong>Right Arrow</strong> – move focus forward and backward among the toolbar buttons within a group, respectively.</li>
<li>
<strong>Enter</strong> and <strong>Space </strong>– activates a selected toolbar feature.</li>
<li>
<strong>Escape</strong> – puts the focus back to the editing area without executing any commands.</li>
</ul>
<p><br></p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
